<div class="page" data-ng-controller="phoneCount">
    <section class="panel panel-default">
        <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span>
            &nbsp;&nbsp;&nbsp;&nbsp;电话量统计显示</strong></div>
        <div class="panel-body">
            <form  role="form">
                <select data-ng-change="countTypeChange()" data-ng-model="countForm.countType" style="font-size: 14px;height: 35px;width: 200px;">
                    <option value="0">按天统计</option>
                    <option value="1">按月统计</option>
                    <option value="2">时间区间统计</option>
                </select>
                <div style="margin-top: 10px;" class="row">
                    <div  class="col-sm-4">
                        <div class="input-group ui-datepicker" data-ng-controller="DatepickerDemoCtrl">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            <input type="text"
                                   id = "startDate"
                                   class="form-control"
                                   placeholder="开始时间"
                                   datepicker-popup="yyyy-MM-dd"
                                   ng-model="dt"
                                   is-open="opened"
                                   datepicker-options="dateOptions"
                                   ng-required="true"
                                   close-text="关闭">
                        </div>
                    </div>
                    <div data-ng-hide="isEndDateHide" class="col-sm-4">
                        <div class="input-group ui-datepicker" data-ng-controller="DatepickerDemoCtrl">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            <input type="text"
                                   id="endDate"
                                   class="form-control"
                                   placeholder="结束时间"
                                   datepicker-popup="yyyy-MM-dd"
                                   ng-model="dt"
                                   is-open="opened"
                                   datepicker-options="dateOptions"
                                   ng-required="true"
                                   close-text="关闭">
                        </div>
                    </div>
                    <div class="col-sm-1">
                        <button type="submit" onclick="test();" class="btn btn-info">查询</button>
                    </div>
                </div>
            </form><br/><br/>
            <div class="row">
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">张三</h3>
                        </div>
                        <div class="panel-body">
                            <div data-flot-chart
                                 data-data="pieChart.data"
                                 data-options="pieChart.options"
                                 style="width: 100%; height: 300px;"
                                    ></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">李四</h3>
                        </div>
                        <div class="panel-body">
                            <div data-flot-chart
                                 data-data="pieChart.data"
                                 data-options="pieChart.options"
                                 style="width: 100%; height: 300px;"
                             ></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">王五</h3>
                        </div>
                        <div class="panel-body">
                            <div data-flot-chart
                                 data-data="pieChart.data"
                                 data-options="pieChart.options"
                                 style="width: 100%; height: 300px;"
                                  ></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>